"use client";
// import { useState } from "react";
// import Image from "next/image";
// import NameInput from "../../components/NameInput/NameInput";
import { Banner } from "./components/banner/banner";
// import Img from "../../components/img/img";
import styles from "./homePages.module.scss";

// 这是主组件
export default function Home() {
  // const [imgWidth, setImgWidth] = useState(100);
  // const [imgHeight, setImgHeight] = useState(100);

  return (
    <div>
      <div className={styles.BannerContainer}>
        <div className={styles.pageStyle1}>
          <Banner />
        </div>

        {/* <div className={styles.pageStyle1}>
        <NameInput />
      </div>
      <div className={styles.pageStyle2}>
        <Img
          src="/assets/images/！！.jpg"
          alt="1"
          width={imgWidth}
          height={imgHeight}
        />
      </div>
      <input
        type="number"
        value={imgWidth}
        onChange={(e) => setImgWidth(Number(e.target.value))}
      />
      <input
        type="number"
        value={imgHeight}
        onChange={(e) => setImgHeight(Number(e.target.value))}
      /> */}
      </div>
    </div>
  );
}
